﻿@model IEnumerable<Bmz.Studio.Phone.Application.InformationViewModel>

<style>
    .ImageListView {
        display: block;
        margin: -1em;
        padding: 0;
    }

        .ImageListView > li {
            position: relative;
            list-style-type: none;
            border-width: 0 0 1px;
            border-style: solid;
            border-color: #ddd;
            color: #333;
            margin-bottom: 3px;
        }

            .ImageListView > li img {
                width: 100%;
            }

            .ImageListView > li p {
                position: absolute;
                bottom: 0px;
                padding-left: 2px;
                background-color: rgba(255, 255, 255, 0.52);
                margin: 0px;
                color: black;
                text-indent: 22px;
            }
</style>
<ul class="listview ImageListView">
    @foreach (var item in Model)
    {
        <li>
            <img src="@Url.Content(item.Image)" />
            <p>@item.Title</p>
        </li>
    }
</ul>